 body {
    width: 100%;
 }
 /* 第一行导航栏 狗狗商品分类上面  */
.topbar {
    height: 179px;
    background: pink;
    width: 100%;
}
/* 第二行e宠logo那一行 */
.topbar1 {
    width: 100%;
}
.topbar1 .container1 {
    min-width: 1200px;
    width: 1200px;
    margin:  0 auto;
    background: skyblue;
}
.topbar1  .photo img {
    display: block;
    width: 100%;
}
/* 第三行正品保障大盒子 */
.topbar2 {
    width: 100%;
    background: #f7f9ff;
}
.topbar2 .container {
    min-width: 1000px;
    width: 1000px;
    margin:  0 auto;
    background: #f7f9ff;
}
.topbar2 .container .box {
    padding-top: 85px;
 height: 359px;
    background: #f7f9ff;
}
.topbar2 .container .box .menu {
    display: flex;
}
.topbar2 .container .box .menu .item {
    height: 154px;
    margin-right: 24px;
}
.topbar2 .container .box .word .item1 p {
    font-size: 24px;
    color: #000;
}
.topbar2 .container .box .word {
    display: flex;
}
.topbar2 .container .box .word .item1 {
    padding: 15px 0;
    width: 174px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 65px;
}
.topbar2 .container .box .word .item2 {
    margin-left: 23px;
}
/* fix */
  .fix {
    /* display: none; */
    width: 100%;
    height: 100%;
    position:sticky;
    top:0;
    left: 0;
    z-index: 1;
    background: #f7f9ff;
    height: 119px;
    box-shadow: #999 0px 0px 10px;
}
/* body> .fix.fix::-webkit-scorll {
    display: block;
} */
 .fix .containerr {
    width: 1000px;
    min-width: 1000px;
    height: 119px;
    margin: 0 auto;
}
 .fix .containerr .menu  {
   
    display: flex;
}
 .fix .containerr .menu .item {
  
    width: 67px;
    height: 110px;
    /* background: pink; */
    flex: 1;
}
 .fix .containerr .menu .item p {
    margin-top: 8px;
    font-size: 16px;
    color: #000;
}
/* 第4行正品保障到用户凭价上面大盒子 */
/* .box1 */
.topbar3 {
    width: 100%;
    background: #fff;
    z-index: 2;
}
.topbar3 .container {
    min-width: 1000px;
    width: 1000px;
    margin:  0 auto;
    background: #fff;
}
.topbar3 .container .box {
    position: relative;
    width: 1000px;
    height: 1129px;
}
.topbar3 .container .box .box1 {
    border-top: 1px solid #7c81fa;
    width: 1000px;
    height: 140px;
    background: #fff;
    margin: 50px 0 0;
    padding: 25px 0 0;
}
.topbar3 .container .box .box1 .desc {
    font-size: 42px;
    color: #000;
    font-weight: bolder;
    text-align: center;
}
.topbar3 .container .box .box1 .desc1 {
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 8px;
    height: 26px;
}
.topbar3 .container .box .box1 img {
display: block;
margin:  0 auto;
margin-top: 10px;
}
.topbar3 .container .box .box1::after {
    display: block;
    content: "";
    width: 32px;
    height: 5px;
    background-color: #7c81fa;
    position: absolute;
    top: -3px;
    left: 50%;
    margin-left: -16.5px;
}
/* .box2 */
.topbar3 .container .box .box2 {
    margin-top: 20px;
    width: 1000px;
    height: 145px;
    /* background: pink; */
}
.topbar3 .container .box .box2  .box2-top .menu .item1 .desc {
    font-size: 18px;
    color: #000;
    line-height: 30px;
    margin-left: 25px;
    text-align: justify;
}
.topbar3 .container .box .box2  .box2-top .menu {
    display: flex;
}
.topbar3 .container .box .box2  .box2-top .menu .item1 {
    width: 700px;
    height: 150px;
}
/* box3 */
.topbar3 .container .box .box3 {
    width: 1000px;
    height: 95px;
    margin-top: 50px;
}
.topbar3 .container .box .box3 .mune .item img {
    display: block;
    box-sizing: border-box;
}
.topbar3 .container .box .box3 .menu .item {
    padding: 12px 0;
}
.topbar3 .container .box .box3 .menu .item  .desc1 {
    border: 1px solid #bfbfbf;
    cursor: pointer;
    margin-right: 10px;
}
.topbar3 .container .box .box3 .menu .item1 .desc2 {
    border: 0;
}
.topbar3 .container .box .box3 .menu .item8 .desc9 {
    border: 0;
}
.topbar3 .container .box .box3 .menu {
    display: flex;
}
.topbar3 .container .box .box3 .menu .item7 .desc8 {
    border: 0;
}
.topbar3 .container .box .box3 .menu .item2 .desc3:hover {
    border: 1px solid #7c81fa;
}
.topbar3 .container .box .box3 .menu .item3 .desc4:hover {
    border: 1px solid #7c81fa;
}
.topbar3 .container .box .box3 .menu .item4 .desc5:hover {
    border: 1px solid #7c81fa;
}
.topbar3 .container .box .box3 .menu .item5 .desc6:hover {
    border: 1px solid #7c81fa;
}
.topbar3 .container .box .box3 .menu .item6 .desc7:hover {
    border: 1px solid #7c81fa;
}
.topbar3 .container .box .box3 .menu .item1::after {
    position: absolute;
    content: "";
    z-index: 1;
    display: block;
    width: 0;
    height: 0;
    left: 123px;
    top: 438px;
    margin-left: -10px;
    border: 10px solid;
    border-color: #7c81fa transparent transparent transparent;
}
.topbar3 .container .box .box3 .menu .item  .big1 .big1-photo {
    display: none;
    position: absolute;
    top: 465px;
    left: 0;
    width: 1000px;
    height: 495px;
    background: pink;
}
.topbar3 .container .box .box3 .menu .item2:hover  .big1-photo {
    display: block;
}
.topbar3 .container .box .box3 .menu .item3:hover  .big1-photo {
    display: block;
}
.topbar3 .container .box .box3 .menu .item4:hover  .big1-photo {
    display: block;
}
.topbar3 .container .box .box3 .menu .item5:hover  .big1-photo {
    display: block;
}
.topbar3 .container .box .box3 .menu .item6:hover  .big1-photo {
    display: block;
}
/* box4 */
.topbar3 .container .box .box4 {
    margin-top: 15px;
}
/* 第五行用户评价蓝色背景  */
.topbar4 {
    height: 1270px;
    margin-top: 20px;
    width: 100%;
    background: #7c81fa;
}
.topbar4 .container {
    padding: 30px 0;
    min-width: 1000px;
    width: 1000px;
    margin:  0 auto;
    background: #7c81fa;
}
.topbar4 .container .box {
    width: 1000px;
    height: 1188px;
    /* background: pink; */
}
.topbar4 .container .box .desc {
    padding: 5px 0 30px;
    display: block;
    margin:  0 auto;
}
.topbar4 .container .box .des .menu .item {
    margin-bottom: 20px;
    border-radius: 8px;
    width: 482px;
    height: 240px;
    background: #fff;
    margin: 17px 17px 10px 0 ;
    padding: 25px;
}
.topbar4 .container .box .des .menu {
    display: flex;
  
    flex-wrap: wrap;
    width: 1000px;
    height: 1108px;
}
.topbar4 .container .box .des .menu .item  .desc {
    font-size: 18px;
    color: #000;
    height: 100px;
    text-align: justify;
    line-height: 30px;
    display: flex;
    align-items: center;
}
.topbar4 .container .box .des .menu .item .boxx {
    display: flex;
    width: 430px;
    height: 73px;
    padding-top: 30px;
}
.topbar4 .container .box .des .menu .item .boxx .item1 {
    display: flex;
}
.topbar4 .container .box .des .menu .item .boxx .item .boxx img {
    display: block;
}
.topbar4 .container .box .des .menu .item .boxx .desc {
    margin-left: 15px;
    margin-top: 25px;
    font-size: 20px;
    color: #000;
    width: 87px;
    height: 26px;
}
.topbar4 .container .box .des .menu .item .boxx .douh {
    margin-top: 15px;
    margin-right: 20px;
}
/* 第六行品类丰富  */
.topbar5 {
    margin-top: 45px;
    width: 100%;
    /* background: pink; */
}
.topbar5 .container {
    position: relative;
    min-width: 1000px;
    width: 1000px;
    margin:  0 auto;
}
.topbar5 .container .box {
    border-top: 1px solid #7c81fa;
    padding: 20px 0 0;
    width: 1000px;
    height: 140px;
    /* background: pink; */
}
.topbar5 .container .box .title {
    font-size: 42px;
    color: #000;
    font-weight: bolder;
    text-align: center;
    margin-top: 10px;
}
.topbar5 .container .box .desc {
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 15px;
}
.topbar5 .container .box img {
   display: block;
   margin:  0 auto;
   margin-top: 10px;
}
.topbar5 .container .box::after {
    display: block;
    content: "";
    width: 32px;
    height: 5px;
    background-color: #7c81fa;
    position: absolute;
    top: -3px;
    left: 50%;
    margin-left: -16.5px;
}
.topbar5  .know {
    display: block;
    margin:  35px auto 0;
}
/* 第七行优质服务  */
.topbar6 {
    margin-top: 45px;
    width: 100%;
    /* background: pink; */
}
.topbar6 .container {
    position: relative;
    min-width: 1000px;
    width: 1000px;
    margin:  0 auto;
}
.topbar6 .container .box {
    border-top: 1px solid #7c81fa;
    padding: 20px 0 0;
    width: 1000px;
    height: 140px;
    /* background: pink; */
}
.topbar6 .container .box .title {
    font-size: 42px;
    color: #000;
    font-weight: bolder;
    text-align: center;
    margin-top: 10px;
}
.topbar6 .container .box .desc {
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 15px;
}
.topbar6 .container .box img {
   display: block;
   margin:  0 auto;
   margin-top: 10px;
}
.topbar6 .container .box::after {
    display: block;
    content: "";
    width: 32px;
    height: 5px;
    background-color: #7c81fa;
    position: absolute;
    top: -3px;
    left: 50%;
    margin-left: -16.5px;
}
.topbar6 .container .des-box {
   
    background: #fff;
    margin-top: 20px;
}
.topbar6 .container .des-box .menu {
    width: 1000px;
    height: 952px;
}
.topbar6 .container .des-box .menu .item {
    margin-right: 9px;
    width: 324px;
    height: 200px;
    background: #f7f7f7;
}
.topbar6 .container .des-box .menu .item .no1 {
    display: block;
    width: 67px;
    height: 30px;
}
.topbar6 .container .des-box .menu .item .desc {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin-left: 20px;
    margin-top: 20px;
}
.topbar6 .container .des-box .menu .item .desc1 {
    font-size: 18px;
    color: #000;
    width: 284px;
    height: 105px;
    padding: 15px 0 0;
    margin:  0 auto;
    line-height: 30px;
}
.topbar6 .container .des-box .menu {
    display: flex;
    flex-wrap: wrap;
}
.topbar6 .container .des-box .menu  .girl1 {
    display: block;
    margin-right: 9px;
    margin-top: -37px;

}
.topbar6 .container .des-box .menu  .girl2 {
    display: block;
    margin-right: 9px;
    margin-top: -37px;

}
.topbar6 .container .des-box .menu  .girl3 {
    display: block;
    margin-right: 9px;
    margin-top: -37px;

}
.topbar6 .container .des-box .menu .item2 {
    display: flex;
}
.topbar6 .container .des-box .menu .item3 {
    margin-top: -16px;
}
.topbar6 .container .des-box .menu .item4 {
    margin-top: -16px;
}
.topbar6 .container .des-box .menu .item5 {
    margin-top: -16px;
}
.topbar6 .container .des-box .menu .head {
    display: block;
    margin-right: 9px;
    margin-top: -37px;
}
.topbar6 .container .des-box .menu .head1 {
    display: block;
    margin-right: 9px;
    margin-top: -35px;
}
.topbar6 .container .des-box .menu .head2 {
    display: block;
    margin-right: 9px;
    margin-top: -35px;
}
.topbar6 .container .des-box .menu .item {
    border: 1px solid #d9dbff;
}
.topbar6 .container .box5 {
    border-top: 1px solid #7c81fa;
    padding: 20px 0 0;
    width: 1000px;
    height: 140px;
    /* background: pink; */
}
.topbar6 .container .box5 .title {
    font-size: 42px;
    color: #000;
    font-weight: bolder;
    text-align: center;
    margin-top: 10px;
}
.topbar6 .container .box5 .desc {
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 15px;
}
.topbar6 .container .box5 img {
   display: block;
   margin:  0 auto;
   margin-top: 10px;
}
.topbar6 .container .box5::after {
    display: block;
    content: "";
    width: 32px;
    height: 5px;
    background-color: #7c81fa;
    position: absolute;
    top: 1940px;
    left: 50%;
    margin-left: -16.5px;
}
/* .professional */
.topbar6 .container .professional {
    display: flex;
    width: 1000px;
    height: 448px;
}
.topbar6 .container .professional .left {
    width: 700px;
    height: 448px;
}
.topbar6 .container .professional .right {
    width: 290px;
    height: 417px;
}
.topbar6 .container .professional .rigth .desc1 {
    display: block;
    width: 290px;
    height: 180px;
}
.topbar6 .container .professional .left .title {
    padding: 0 15px;
    width: 262px;
    height: 53px;
    background-color: #7c81fa;
    border-radius: 27px;
    font-size: 26px;
    line-height: 53px;
    color: #ffffff;
}
.topbar6 .container .professional .left .title .photo {
    margin-left: 125px;
}
.topbar6 .container .professional .left .ec {
    width: 504px;
    height: 90px;
    width: 72%;
    line-height: 30px;
    margin-top: 20px;
    font-size: 18px;
    color: #000;
}
.topbar6 .container .professional .left .left-photo {
    width: 700px;
    height: 239px;
    margin-top: 30px;
}
.topbar6 .container .professional .left .left-photo img {
    margin-right: 5px;
}
.topbar6 .container .professional .right .title {
    width: 290px;
    height: 31px;
    font-size: 24px;
    color: #000;
}
.topbar6 .container .professional .right .desc1 {
    font-size: 18px;
    color: #000;
    margin-top: 15px;
    line-height: 30px;
}
/* .talent */
.topbar6 .container .talent {
    width: 1000px;
    height: 581px;
    /* background: skyblue ; */
}
.topbar6 .container .talent .top {
    display: flex;
    width: 1000px;
    height: 168px;
    bottom: pink;
}
.topbar6 .container .talent .bottom {
    width: 1000px;
    height: 308px;
    /* background: blue; */
}

.topbar6 .container .talent .top .left {
    width: 500px;
    height: 167px;
}
.topbar6 .container .talent .top .left  img {
   display: block;
   margin:  0 auto;
}
.topbar6 .container .talent .top .right {
    width: 500px;
    height: 168px;
}
.topbar6 .container .talent .top .right  .title {
    padding: 0 20px;
    width: 262px;
    height: 53px;
    background-color: #7c81fa;
    border-radius: 27px;
    font-size: 26px;
    line-height: 53px;
    color: #ffffff;
}
.topbar6 .container .talent .top .right  .title .desc {
    margin-left: 125px;
}
.topbar6 .container .talent .top .right  .desccw {
    font-size: 18px;
    color: #000;
    line-height: 30px;
    margin-top: 25px;
}
.topbar6 .container .talent .bottom .menu .item {
    margin-top: 40px;
    margin-right: 10px;
    border: solid 1px #dfdfdf;
    width: 326px;
    height: 308px;
    /* background: pink; */
}
.topbar6 .container .talent .bottom .menu .item .desc1 {
    width: 324px;
    height: 66px;
    padding: 20px;
    text-align: center;
    font-size: 20px;
    color: #000;
}
.topbar6 .container .talent .bottom .menu .item .desc2 {
    display: flex;
    text-align: center;
    line-height: 23px;
    width: 324px;
    height: 56px;
    /* background: skyblue; */
}
.topbar6 .container .talent .bottom .item .desc2 .desc3 {
    padding: 5px 5px;
    display: block;
    width: 122px;
    height: 36px;
    background: #efeded;
    box-shadow: inset 0px 2px 0px 0px rgb(255 255 255 / 40%);
    border: solid 1px #e0e0e0;
    margin:  0 auto 20px auto;
    color: #000;
    font-size: 18px;
}
.topbar6 .container .talent .bottom .menu {
    display: flex;
}
.topbar6 .container .new-favorite {
    width: 1000px;
    height: 484px;
    /* background: pink; */
}
.topbar6 .container .new-favorite .top {
    display: flex;
    width: 1000px;
    height: 179px;
    /* background: skyblue; */
}
.topbar6 .container .new-favorite .top .top-left {
    width: 500px;
    height: 168px;
    /* background: blue; */
}
.topbar6 .container .new-favorite .top .top-right {
    width: 500px;
    height: 179px;
    /* background: #a2a2a2; */
}
.topbar6 .container .new-favorite .top .top-left .title {
    width: 262px;
    height: 53px;
    background-color: #7c81fa;
    border-radius: 27px;
    font-size: 26px;
    line-height: 53px;
    color: #ffffff;
    font-size: 26px;
    color: #fff;
    text-align: center;
}
.topbar6 .container .new-favorite .top .top-left .title .desc {
    margin-left: 130px;
}
.topbar6 .container .new-favorite .top .top-left .desccs {
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
}
.topbar6 .container .new-favorite .top .top-right img {
    display: block;
    margin:  0 auto;
}
.topbar6 .container .new-favorite .know-dog {
    width: 1000px;
    height: 280px;
    /* background: pink; */
}
.topbar6 .container .new-favorite .know-dog .item {
    margin-right: 10px;
    width: 240px;
    height: 280px;
    /* background: skyblue; */
}
.topbar6 .container .new-favorite .know-dog .dog-food {
    width: 240px;
    height: 80px;
    
}
.topbar6 .container .new-favorite .know-dog .dog-food .food {
    margin-left: 5px;
    font-size: 20px;
    color: #444;
    font-weight: 700;
    width: 220px;
    height: 36px;
    padding: 5px;
}
.topbar6 .container .new-favorite .know-dog .dog-food .desc {
    margin-left: 10px;
    width: 220px;
    height: 24px;
    font-size: 18px;
    color: #444;
    line-height: 24px;
}
.topbar6 .container .new-favorite .know-dog .dog-food .item .go {
    margin-left: 92px;
}
.topbar6 .container .new-favorite .know-dog {
    display: flex;
}
.topbar6 .container .new-favorite .know-dog .item1 .desc .go {
    margin-left: 20px;
    
}
.topbar6 .container .new-favorite .know-dog .item2 .desc .go {
    margin-left: 20px;
    
}
.topbar6 .container .new-favorite .know-dog .item3 .desc .go {
    margin-left: 55px;
    
}
.topbar6 .container .new-favorite .know-dog .item5 .desc .go {
    margin-left: 90px;
    
}
/* 第8行 E 宠公益下面 */

.topbar7 {
    position: relative;
    margin-top: 20px;
    width: 100%;
    /* background: pink; */
}
.topbar7 .container {
    position: relative;
    min-width: 1000px;
    width: 1000px;
    margin:  0 auto;
}
.topbar7  .box {
    margin:  0 auto;
    border-top: 1px solid #7c81fa;
    padding: 20px 0 0;
    width: 1000px;
    height: 140px;
    /* background: pink; */
}
.topbar7  .box .title {
    font-size: 42px;
    color: #000;
    font-weight: bolder;
    text-align: center;
    margin-top: 10px;
}
.topbar7 .box .desc {
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 15px;
}
.topbar7  .box img {
   display: block;
   margin:  0 auto;
   margin-top: 10px;
}
.topbar7  .box::after {
    display: block;
    content: "";
    width: 32px;
    height: 5px;
    background-color: #7c81fa;
    position: absolute;
    top: -3px;
    left: 50%;
    margin-left: -16.5px;
}
.topbar7 .heart {
    position: relative;
}
.topbar7 .heart img {
    z-index: -3;
    position: absolute;
    top: 60px;
    left: 0;
  background-repeat: no-repeat;
}
.topbar7 .container .photo-down {
    width: 1000px;
    height: 785px;
    /* background: pink; */
    margin-top: 60px;
    padding: 20px 160px;
}
.topbar7 .container .photo-down .first {
    width: 680px;
    height: 42px;
    font-size: 32px;
    color: #e02613;
}
.topbar7 .container .photo-down .second{
    width: 680px;
    height: 41px;
    font-size: 24px;
    color: #000;
    margin-top: 10px;
}
.topbar7 .container .photo-down .threed{
    width: 680px;
    height: 36px;
    font-size: 20px;
    color: #595757;
}
.topbar7 .container .photo-down .artivity img {
    margin-top: 15px;
}
.topbar7 .container .photo-down .activity {
    display: flex;
}
.topbar7 .container .photo-down .activity .mark {
    width: 204px;
    height: 127px;
    color: #595757;
    width: 30%;
    margin-left: 140px;
    margin-top: 120px;
}
.topbar7 .container .photo-down .artivity .top {
    display: block;
}
.topbar7 .container .photo-down .activity .mark p {
    font-size: 20px;
    color: #595757;
    margin-top: 5px;
}

.topbar7 .container {
    position: relative;
}

.topbar7 .container .box1 {
    margin-top: 50px;
    border-top: 1px solid #7c81fa;
    padding: 20px 0 0;
    width: 1000px;
    height: 140px;
    /* background: pink; */
}
.topbar7 .container .box1 .title {
    font-size: 42px;
    color: #000;
    font-weight: bolder;
    text-align: center;
    margin-top: 10px;
}
.topbar7 .container .box1 .desc {
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 15px;
}
.topbar7 .container .box1 img {
   display: block;
   margin:  0 auto;
   margin-top: 10px;
}
.topbar7 .container .box1::after {
    display: block;
    content: "";
    width: 32px;
    height: 5px;
    background-color: #7c81fa;
    position: absolute;
    top: 830px;
    left: 50%;
    margin-left: -16.5px;
}
.topbar7 .container .desc {
    padding-top: 15px;
    font-size: 20px;
}
.topbar7 .container .desc1 {
    padding-top: 5px;
    font-size: 20px;
    margin-top: 5px;
}
.topbar7 .container .exploit {

    width: 1000px;
    height: 414px;
    background-position: center center;
    margin-top: 40px;
    margin-bottom: 30px;
}
.topbar7 .container .exploit .exploit-bg1 {
    background: url(../img/Genuine/bg1.png) no-repeat 100% 100%;
    height: 138px;
}
.topbar7 .container .exploit .exploit-bg2 {
    background: url(../img/Genuine/bg2.png) no-repeat 100% 100%;
    height: 138px;
}
.topbar7 .container .exploit .exploit-bg3 {
    background: url(../img/Genuine/bg3.png) no-repeat 100% 100%;
    height: 138px;
}
.topbar7 .container .exploit .menu {
    /* width: 990px;
    height: 414px; */
}
.topbar7 .container .exploit .menu .item {
  margin-right: 10px;
    width: 226px;
    height: 150px;
}
.topbar7 .container .exploit .menu {
 position: relative;
}
.topbar7 .container .exploit .menu .item4 {
   
}
.topbar7 .container .exploit .menu .item1 {
    position: absolute;
    top: -350px;
    left: 70px;
}
.topbar7 .container .exploit .menu .item2 {
    position: absolute;
    top: -350px;
    left: 306px;
}
.topbar7 .container .exploit .menu .item3 {
    position: absolute;
    top: -350px;
    left: 535px;
}
.topbar7 .container .exploit .menu .item4 {
    position: absolute;
    top: -350px;
    left: 757px;
}
.topbar7 .container .exploit .menu .item5 {
    position: absolute;
    top: -175px;
    left: 80px;
}
.topbar7 .container .exploit .menu .item6 {
    position: absolute;
    top: -175px;
    left: 297px;
}
.topbar7 .container .exploit .menu .item7 {
    position: absolute;
    top: -175px;
    left: 525px;
}
.topbar7 .container .exploit .menu .item8 {
    position: absolute;
    top: -175px;
    left: 753px;
}
.topbar7 .container .zero3 {
    margin-top: 30px;
}
.topbar7 .container .title-photo .menu {
    display: flex;
}
.topbar7 .container .title-photo .menu  .item {
    cursor: pointer;
    width: 191px;
    height: 69px;
    margin-top: 30px;
}
.topbar7 .container .title-photo .menu  .menu-list1 img {
    border: 1px solid #7c81fa;
}
.topbar7 .container .title-photo .menu  .menu-list1::after {
    position: absolute;
    content: "";
    z-index: 1;
    display: block;
    width: 0;
    height: 0;
    top: 71px;
    left: 45%;
    margin-left: -10px;
    border: 10px solid;
    border-color: #7c81fa transparent transparent transparent;
}
.topbar7 .container .title-photo .menu  .menu-list2 img {
    border: 1px solid #bfbfbf;
}
.topbar7 .container .title-photo .menu  .menu-list3 img {
    border: 1px solid #bfbfbf;
}
.topbar7 .container .title-photo .menu  .menu-list4 img {
    border: 1px solid #bfbfbf;
}
.topbar7 .container .title-photo .menu  .menu-list5 img {
    border: 1px solid #bfbfbf;
}
/* .menu-list1 小li里面的 :hover */
.topbar7 .container .title-photo .menu  .menu-list1 .scoll .title {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
}
.topbar7 .container .title-photo .menu  .menu-list1 .scoll .desc1 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list1 .scoll .desc2 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list1 .scoll .desc3 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list1 .scoll .desc4 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list1 .scoll .desc5 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list1 .scoll .desc6 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list1 .scoll img {
    margin-left: 252px;
    margin-top: 6px;
}
.topbar7 .container .title-photo .menu  .menu-list1:hover  .scoll {
    display: block;
    z-index: 100;
}
.topbar7 .container .title-photo .menu  .menu-list1 {
    position: relative;
}
.topbar7 .container .title-photo .menu  .menu-list1 .scoll {
    overflow-y: scroll;
    display: none;
    position: absolute;
    top: 120px;
    padding: 0 8px;
    width: 1000px;
    height: 650px;
    border: 1px solid #bfbfbf;
    background: #fff;
}
.topbar7 .container .title-photo .menu  .menu-list1 .scoll .direction {
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list2 .tom1:hover {
    border: 1px solid #7c81fa;
}
.topbar7 .container .title-photo .menu  .menu-list3 img:hover {
    border: 1px solid #7c81fa;
}
.topbar7 .container .title-photo .menu  .menu-list4 img:hover {
    border: 1px solid #7c81fa;
}
.topbar7 .container .title-photo .menu  .menu-list5 img:hover {
    border: 1px solid #7c81fa;
}
/* .menu-list2 小li里面的 :hover */
.topbar7 .container .title-photo .menu  .menu-list2 .scoll1 .title {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
}
.topbar7 .container .title-photo .menu  .menu-list2 .scoll1 .desc1 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list2 .scoll1 .desc2 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list2 .scoll1 .desc3 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list2 .scoll1 .desc4 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list2 .scoll1 .desc5 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list2 .scoll1 .desc6 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list2 .scoll1 img {
    margin-left: 252px;
    margin-top: 6px;
}
.topbar7 .container .title-photo .menu  .menu-list2:hover  .scoll1 {
    display: block;
}
.topbar7 .container .title-photo .menu  .menu-list2:hover  .scoll1 {
    display: block;
    z-index: 100;
}
.topbar7 .container .title-photo .menu  .menu-list2 {
    position: relative;
}
.topbar7 .container .title-photo .menu  .menu-list2 .scoll1 {
    display: none;
    position: absolute;
    top: 120px;
    left: -201px;
    padding: 0 8px;
    width: 1000px;
    height: 765px;
    border: 1px solid #bfbfbf;
    background: #fff;
   
 
}
.topbar7 .container .title-photo .menu  .menu-list2 .scoll1 {
    overflow-y: scroll;
    /* display: none; */
    position: absolute;
    top: 120px;
    padding: 0 8px;
    width: 1000px;
    height: 650px;
    /* background: pink; */
}
/* .menu-list3 小li里面的 :hover */
.topbar7 .container .title-photo .menu  .menu-list3 .scoll2 .title {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
}
.topbar7 .container .title-photo .menu  .menu-list3 .scoll2 .desc1 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list3 .scoll2 .desc2 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list3 .scoll2 .desc3 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list3 .scoll2 .desc4 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list3 .scoll2 .desc5 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list3 .scoll2 .desc6 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list3 .scoll2 img {
    margin-left: 252px;
    margin-top: 6px;
}
.topbar7 .container .title-photo .menu  .menu-list3:hover  .scoll2 {
    display: block;
    z-index: 100;
}

.topbar7 .container .title-photo .menu  .menu-list3 {
    position: relative;
}
.topbar7 .container .title-photo .menu  .menu-list3 .scoll2 {
    display: none;
    background: #fff;
    position: absolute;
    top: 120px;
    left: -402px;
    padding: 0 8px;
    width: 1000px;
    height: 765px;
    border: 1px solid #bfbfbf;
   
 
}
.topbar7 .container .title-photo .menu  .menu-list3 .scoll2 {
    overflow-y: scroll;
    position: absolute;
    top: 120px;
    padding: 0 8px;
    width: 1000px;
    height: 650px;
    /* background: pink; */
}
.topbar7 .container .title-photo .menu  .menu-list3 .scoll2 .candan {
    margin-top: 10px;
}
.topbar7 .container .title-photo .menu  .menu-list3 .scoll2 .desc2,  .descc{
    font-weight: 700;
}
/* .menu-list4 小li里面的 :hover */
.topbar7 .container .title-photo .menu  .menu-list4 .scoll1 .title {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
}
.topbar7 .container .title-photo .menu  .menu-list4 .scoll1 .desc1 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list4 .scoll1 .desc2 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list4 .scoll1 .desc3 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list4 .scoll1 .desc4 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list4 .scoll1 .desc5 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list4 .scoll1 .desc6 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list4 .scoll1 img {
    margin-left: 252px;
    margin-top: 6px;
}
.topbar7 .container .title-photo .menu  .menu-list4:hover  .scoll1 {
    display: block;
}
.topbar7 .container .title-photo .menu  .menu-list4:hover  .scoll1 {
    display: block;
    z-index: 100;
}
.topbar7 .container .title-photo .menu  .menu-list4 {
    position: relative;
}
.topbar7 .container .title-photo .menu  .menu-list4 .scoll1 {
    position: absolute;
        top: 120px;
        background: #fff;
    left: -603px;
    padding: 0 8px;
    width: 1000px;
    height: 765px;
    border: 1px solid #bfbfbf;
   
 
}
.topbar7 .container .title-photo .menu  .menu-list4 .scoll1 {
    overflow-y: scroll;
    display: none;
    position: absolute;
    top: 120px;
    padding: 0 8px;
    width: 1000px;
    height: 650px;
}
/* .menu-list5 小li里面的 :hover */

.topbar7 .container .title-photo .menu  .menu-list5 .scoll1 .title {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
}
.topbar7 .container .title-photo .menu  .menu-list5 .scoll1 .desc1 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list5 .scoll1 .desc2 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list5 .scoll1 .desc3 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list5 .scoll1 .desc4 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list5 .scoll1 .desc5 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list5 .scoll1 .desc6 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .title-photo .menu  .menu-list5 .scoll1 img {
    margin-left: 252px;
    margin-top: 6px;
}
.topbar7 .container .title-photo .menu  .menu-list5:hover  .scoll1 {
    display: block;
}
.topbar7 .container .title-photo .menu  .menu-list5:hover  .scoll1 {
    display: block;
    z-index: 100;
}
.topbar7 .container .title-photo .menu  .menu-list5 {
    position: relative;
}
.topbar7 .container .title-photo .menu  .menu-list5 .scoll1 {
    /* display: none; */
    position: absolute;
    top: 120px;
    left: -804px;
    padding: 0 8px;
    width: 1000px;
    height: 765px;
    border: 1px solid #bfbfbf;
   
 
}
.topbar7 .container .title-photo .menu  .menu-list5 .scoll1 {
    background: #fff;
    overflow-y: scroll;
    display: none;
    position: absolute;
    top: 120px;
    padding: 0 8px;
    width: 1000px;
    height: 650px;
}
.topbar7 .container .title-photo .menu  .menu-list5 .scoll1 .css1, .css2, .css3, .css4, .css5 {
    font-weight: 700;
}
/* 固定的滚动条那个 */
.topbar7 .container  .scoll3 .title {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
}
.topbar7 .container  .scoll3 .desc1 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .scoll3 .desc2 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .scoll3 .desc3 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container  .scoll3 .desc4 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7 .container .scoll3 .desc5 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7  .scoll3 .desc6 {
    text-align: justify;
    font-size: 13px;
    color: #000;
    line-height: 24px;
    margin-top: 5px;
    text-indent: 2em;
}
.topbar7  .scoll3 img {
    margin-left: 252px;
    margin-top: 6px;
}


.topbar7 .container  .scoll3 {

    padding: 0 8px;
    width: 1000px;
    height: 765px;
   
 
}
.topbar7 .container  .scoll3 {
    margin-top: 254px;
    overflow-y: scroll;
    /* display: none; */
    padding: 0 8px;
    width: 1000px;
    height: 650px;
    border: 1px solid #bfbfbf;
}
/* 用户寄语开始 */
.topbar7 .container  .jiyu {
    margin-top: 30px;
}
.topbar7 .container .descc1 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-top: 30px;
}
.topbar7 .container .descc2 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-top: 15px;
}
.topbar7 .container .feng-photo {
    width: 1000px;
    height: 1400px;
}
.topbar7 .container .feng-photo img {
    display: block;
}












